ul,li{
	list-style: none;
	padding: 0;
	margin: 0;
}
.header{
	position: relative;
	padding: 15px 0;
	.row{
		line-height: 100%;
	}
	.logo{
		max-width: 100%;
	}
	.mobile-menu-toggler {
	   text-align: right;
	  vertical-align: middle;
	}
	.btn, button {
	    border: none;
	    cursor: pointer;
	    outline: none;
	    padding: 0;
	    -webkit-box-shadow: none;
	    box-shadow: none;
	    -webkit-transition: 0.4s;
	    -o-transition: 0.4s;
	    transition: 0.4s;
	    background-color: transparent;
	}
	.mobile-menu-toggler .mini-cart-wrap a {
	  font-size: 25px;
	  line-height: 1;
	  color: #222222;
	  position: relative;
	}
	.mobile-menu-toggler .mini-cart-wrap .notification {
	  font-size: 13px;
	  color: #fff;
	  width: 16px;
	  height: 16px;
	  line-height: 16px;
	  border-radius: 50%;
	  text-align: center;
	  font-weight: 600;
	  right: -4px;
	  top: -4px;
	  position: absolute;
	  background-color: #F7941D;
	}
	.mobile-menu-toggler .mobile-menu-btn span {
	    width: 25px;
	    height: 2px;
	    display: block;
	    -webkit-transition: 0.4s;
	    -o-transition: 0.4s;
	    transition: 0.4s;
	    background-color: #222222;
	    -webkit-transform-origin: left;
	    -ms-transform-origin: left;
	    transform-origin: left;
	}
	.mobile-menu-toggler .mobile-menu-btn span:nth-child(2), .mobile-menu-toggler .mobile-menu-btn span:nth-child(3) {
	    margin-top: 5px;
	}
}
#float{
	.navbar-default{
		border: none;
	}
	.navbar{
		position: relative;
		z-index: 999;
		height: 0;
		min-height: 0;
		margin-bottom: 0;
		z-index: 999;		
	}
	.nav-bg{
		background-color: #fff;
		a{
			padding-left: 35px;
			font-size: 20px;
			font-family: Source Han Sans CN;
			font-weight: 400;
			color: #5F6366;	
			&:hover,&.active{
				font-weight: 500;
				color: #A22624;
			}
		}
	}
}
.navbar-nav>li>a{
	padding-left: 35px;
	font-size: 20px;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #5F6366;	
	&:hover,&.active{
		font-weight: 500;
		color: #A22624;
	}
}
@media (max-width:1200px) {
	.navbar-nav>li>a{
		padding-left: 30px;
		font-size: 18px;
	}
}
.nav{	
	li{
		padding: 0 5px;
	}
	.icon1{
		background: url(../img/icon1.png) no-repeat left center;
		&.active,&:hover{
			background: url(../img/icon-on1.png) no-repeat left center;
		}
	}
	.icon2{
		background: url(../img/icon2.png) no-repeat left center;
		&.active,&:hover{
			background: url(../img/icon-on2.png) no-repeat left center;
		}
	}
	.icon3{
		background: url(../img/icon3.png) no-repeat left center;
		&.active,&:hover{
			background: url(../img/icon-on3.png) no-repeat left center;
		}
	}
	.icon4{
		background: url(../img/icon4.png) no-repeat left center;
		&.active,&:hover{
			background: url(../img/icon-on4.png) no-repeat left center;
		}
	}
	.icon5{
		background: url(../img/icon5.png) no-repeat left center;
		&.active,&:hover{
			background: url(../img/icon-on5.png) no-repeat left center;
		}
	}
}

.foot{
	margin-top: 90px;
	width: 100%;
	height: 370px;
	background: url(../img/foot.png) no-repeat center;
	background-size: cover;
	box-sizing: border-box;
	padding-top: 40px;
	.title{
		font-size: 20px;
		font-family: Source Han Sans CN;
		font-weight: bold;
		color: #FFFFFF;
		margin-bottom: 15px;
	}
	ul{
		li{
				font-size: 16px;
				font-family: Source Han Sans CN;
				font-weight: 400;
				color: #FFFFFF;
				line-height: 33px;
			a{
				font-size: 16px;
				font-family: Source Han Sans CN;
				font-weight: 400;
				color: #FFFFFF;
				line-height: 33px;
			}
			
		}
	}
	.share{
		border-top: 1px solid rgba(241, 237, 228, 0.5);
		margin-top: 60px;
		padding-top: 35px;
		.toTop{
			text-align: right;
			font-size: 16px;
			font-family: Microsoft YaHei;
			font-weight: 400;
			color: #FFFFFF;
			line-height: 24px;
			img{
				cursor: pointer;
			}
		}
		.toHome{
			font-size: 16px;
			font-family: Microsoft YaHei;
			font-weight: 400;
			color: #FFFFFF;
			a{
				font-size: 16px;
				font-family: Microsoft YaHei;
				font-weight: 400;
				color: #FFFFFF;
				width: 105px;
				height: 30px;
				border: 1px solid rgba(241, 237, 228, 0.6);
				border-radius: 8px;
				display: inline-block;
				text-align: center;
				line-height: 28px;
				margin-right: 18px;
			}
			span{
				img{
					margin-left: 12px;
					cursor: pointer;
				}
			}
		}
	}
}
.footWrap{
	background: url(../img/foot1.png) no-repeat center;
	background-size: cover;
	padding-top: 0.5rem;
	box-sizing: border-box;
	margin-top: 0.5rem;
	padding-bottom: 0.3rem;
	.title{
		font-size: 0.3rem;
		font-family: Source Han Sans CN;
		font-weight: bold;
		color: #FFFFFF;
		margin-bottom: 0.15rem;
	}
	.flogo{
		width: 4.5rem;
	}
	ul{
		li{
				font-size:0.28rem;
				font-family: Source Han Sans CN;
				font-weight: 400;
				color: #FFFFFF;
				line-height: 0.45rem;
			a{
				font-size:0.28rem;
				font-family: Source Han Sans CN;
				font-weight: 400;
				color: #FFFFFF;
				line-height: 0.45rem;
			}
			
		}
	}
	.toTop{
		display: none;
		right: 0.3rem;
		bottom: 3rem;
		position: fixed;
		img{
			cursor: pointer;
			max-width: 100%;
		}
	}
	.share{
		margin-top: 0.5rem;
		.toHome{
			font-size:0.28rem;
			font-family: Microsoft YaHei;
			font-weight: 400;
			color: #FFFFFF;
			a{
				font-size:0.28rem;
				font-family: Microsoft YaHei;
				font-weight: 400;
				color: #FFFFFF;
				width: 1.74rem;
				height: 0.5rem;
				border: 1px solid rgba(241, 237, 228, 0.6);
				border-radius: 8px;
				display: inline-block;
				text-align: center;
				line-height: 0.5rem;
				margin-right: 0.2rem;
			}
			span{
				img{
					margin-left: 0.15rem;
					cursor: pointer;
				}
			}
		}
	}
}
.bread{
	margin-top: 30px;
	color: #333333;
	font-size: 16px;
	a{
		font-size: 16px;
		font-family: Source Han Sans CN;
		font-weight: 500;
		color: #333333;
		line-height: 24px;
		&:last-child{
			color: #922122;
		}
	}
	span{
		margin: 0 8px;
	}
}
.banners{
    width: 100%;
    height: 231px;
    box-sizing: border-box;
    padding-top: 60px;
    p{
        font-size: 48px;
        font-family: Microsoft YaHei;
        font-weight: bold;
        color: #FFFFFF;
        line-height: 50px;
        &:last-child{
            margin-top: 15px;
            font-family: Cambria Math;
            font-weight: 400;
            opacity: 0.7;
            text-transform:uppercase;
        }
    }
}
.banner1{
    background: url(../img/bg2.png) no-repeat center;
    background-size: cover;
}
.banner2{
    background: url(../img/bg3.png) no-repeat center;
    background-size: cover;
}
.banner3{
    background: url(../img/bg4.png) no-repeat center;
    background-size: cover;
}
@media (max-width:750px) {
	.header .mobile-menu-toggler{
		padding-top: 0.15rem;
	}
	.banners{
		height: 2.3rem;
		padding-top: 0.5rem;
	    p{
	        font-size: 0.5rem;
	        line-height: 0.6rem;
	        &:last-child{
	            margin-top: 0.3rem;
	        }
	    }
	}
}
@media (min-width:900px) {
	::-webkit-scrollbar
	{
		width: 10px;
		height: 10px;
		background-color: #A22624;
	}
	 
	/*定义滚动条轨道 内阴影+圆角*/
	::-webkit-scrollbar-track
	{
		border-radius: 10;
		background-color: #DCDCDC;
	}
	 
	/*定义滑块 内阴影+圆角*/
	::-webkit-scrollbar-thumb
	{
		border-radius: 10px;
		background-color: #A22624;
	}
}
